import { ChangeDetectionStrategy, Component } from '@angular/core';

@Component({
  templateUrl: './customize-tab.component.html',
  styles: [
    `
      .demo-tabs-title {
        display: flex;
        align-items: center;
        padding: 8px 0;
      }
      .demo-tabs-title-text {
        padding-right: 8px;
      }
      .demo-tabs-title-icon {
        width: 24px;
        height: 24px;
        margin-right: 4px;
      }
      .demo-tabs-default {
        padding: 24px;
        background: #fff;
        border-radius: 8px;
      }
      ::ng-deep .my-tab {
        display: flex;
        justify-content: center;
        min-width: 200px;
      }
    `,
  ],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class CustomizeTabComponent {
  index: string;

  change(value: any): void {
    // eslint-disable-next-line no-console
    console.log(value);
  }
}
